import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Fonts, Colors } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  avatar: {
    width: 42,
    height: 42,
    borderRadius: 21,
    marginRight: Metrics.baseMargin,
  },
  server: {
    flexDirection: 'row',
    alignItems: 'center',
    marginHorizontal: Metrics.baseMargin,
    marginBottom: 2,
    padding: Metrics.baseMargin,
    backgroundColor: Colors.snow,
  },
  commodity: {
    flexDirection: 'row',
    alignItems: 'center',
    //justifyContent: 'space-between',
    backgroundColor: Colors.snow,
    marginHorizontal: Metrics.baseMargin,
    marginTop: 0,
    padding: Metrics.baseMargin,
  },
  image: {
    width: 72,
    height: 72,
    marginRight: Metrics.baseMargin
  },
  title: {
    marginBottom: 5,
    color: 'rgba(0,0,0,0.85)'
  },
  chooseServerModal: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'rgba(0,0,0,0.6)',
  },
  chooseServerContainer: {
    width: '86%',
    height: '80%',
    borderRadius: 10,
    padding: Metrics.baseMargin,
    shadowColor: 'rgba(0,0,0,0.8)',
    shadowOffset: {width:2,height:2},
    backgroundColor: Colors.snow,
  },
  chooseServerTitle: {
    fontSize: Fonts.size.h5,
    padding: Metrics.baseMargin,
    textAlign: 'center',
    marginBottom: Metrics.baseMargin,
  }
})
